<template>
    <VipHeader></VipHeader>
    <div class="main">
        <div class="elB">
            <router-link :to="`/course/particulars?id=${val.id}`" v-for="(val,index) in content.content" :key="index">
                <img :src="val.cover" class="imgList" /></router-link>

        </div>

    </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
import { getTheme } from '../../../api/themeApi/themeApi'
import courseNav from "../../courseNav/index.vue";
const content = ref<any>([])
onMounted(async () => {
    let rs = await getTheme()
    content.value = rs


})
</script>

<style scoped>
.main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.imgList {
    width: 280px;
    height: 156px;
    margin: 10px;
}
</style>